<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>文章链接: | yanyan</title>
    <meta name="description" content="Yan&#39;s blog">
    <meta name="generator" content="VuePress 1.4.0">
    <script src="https://cdn.bootcss.com/jquery/3.5.0/jquery.slim.min.js"></script>
  <script src="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.js"></script>
  <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/fancybox/3.5.7/jquery.fancybox.min.css">
  <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">
    
    <link rel="preload" href="/assets/css/0.styles.e1b3f17d.css" as="style"><link rel="preload" href="/assets/js/app.e358a08d.js" as="script"><link rel="preload" href="/assets/js/2.88fa18d1.js" as="script"><link rel="preload" href="/assets/js/5.88b252c7.js" as="script"><link rel="prefetch" href="/assets/js/10.23baf844.js"><link rel="prefetch" href="/assets/js/11.45c148ba.js"><link rel="prefetch" href="/assets/js/12.e5930132.js"><link rel="prefetch" href="/assets/js/13.0547cd14.js"><link rel="prefetch" href="/assets/js/14.3e67795b.js"><link rel="prefetch" href="/assets/js/15.51129890.js"><link rel="prefetch" href="/assets/js/16.6987f89d.js"><link rel="prefetch" href="/assets/js/17.2807cff5.js"><link rel="prefetch" href="/assets/js/18.855e1707.js"><link rel="prefetch" href="/assets/js/19.6da24791.js"><link rel="prefetch" href="/assets/js/20.e24d4aef.js"><link rel="prefetch" href="/assets/js/21.6efc6fba.js"><link rel="prefetch" href="/assets/js/22.10447f0f.js"><link rel="prefetch" href="/assets/js/23.9154cc24.js"><link rel="prefetch" href="/assets/js/24.9ad529fc.js"><link rel="prefetch" href="/assets/js/25.4c092e0a.js"><link rel="prefetch" href="/assets/js/26.debdaa01.js"><link rel="prefetch" href="/assets/js/27.8b90b660.js"><link rel="prefetch" href="/assets/js/28.1a323e01.js"><link rel="prefetch" href="/assets/js/29.6f108fc9.js"><link rel="prefetch" href="/assets/js/3.7210d3aa.js"><link rel="prefetch" href="/assets/js/30.e7df1937.js"><link rel="prefetch" href="/assets/js/31.2cb3120f.js"><link rel="prefetch" href="/assets/js/32.eb64932c.js"><link rel="prefetch" href="/assets/js/33.cac3e2f0.js"><link rel="prefetch" href="/assets/js/34.19ea35c4.js"><link rel="prefetch" href="/assets/js/35.fadf5d03.js"><link rel="prefetch" href="/assets/js/36.88b681f1.js"><link rel="prefetch" href="/assets/js/37.2a799db9.js"><link rel="prefetch" href="/assets/js/38.2741a2bf.js"><link rel="prefetch" href="/assets/js/39.359ceb72.js"><link rel="prefetch" href="/assets/js/4.9e938666.js"><link rel="prefetch" href="/assets/js/40.56fd4a10.js"><link rel="prefetch" href="/assets/js/41.e72117ad.js"><link rel="prefetch" href="/assets/js/42.63a6e190.js"><link rel="prefetch" href="/assets/js/43.c8072421.js"><link rel="prefetch" href="/assets/js/44.84cd8367.js"><link rel="prefetch" href="/assets/js/45.0ac810b0.js"><link rel="prefetch" href="/assets/js/46.bb83ff34.js"><link rel="prefetch" href="/assets/js/47.a9333a81.js"><link rel="prefetch" href="/assets/js/48.526b5494.js"><link rel="prefetch" href="/assets/js/49.73b61cc6.js"><link rel="prefetch" href="/assets/js/50.f34ab799.js"><link rel="prefetch" href="/assets/js/51.d06a49d9.js"><link rel="prefetch" href="/assets/js/52.348d5482.js"><link rel="prefetch" href="/assets/js/6.0face56b.js"><link rel="prefetch" href="/assets/js/7.31eca58d.js"><link rel="prefetch" href="/assets/js/8.69e9ce95.js"><link rel="prefetch" href="/assets/js/9.f25df9e1.js">
    <link rel="stylesheet" href="/assets/css/0.styles.e1b3f17d.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">yanyan</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <!----></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><!---->  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0"><a href="/html/001" class="sidebar-heading clickable open"><span>HTML</span> <span class="arrow down"></span></a> <ul class="sidebar-links sidebar-group-items"><li><a href="/html/001.html" class="sidebar-link">01 script标签中defer和async的区别</a></li><li><a href="/html/002.html" class="sidebar-link">02 meta标签属性有哪些？</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/css/image" class="sidebar-heading clickable"><span>CSS</span> <span class="arrow right"></span></a> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/js/001" class="sidebar-heading clickable"><span>JS-基础</span> <span class="arrow right"></span></a> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/js-v8/001" class="sidebar-heading clickable"><span>JS-V8引擎原理 </span> <span class="arrow right"></span></a> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/js-async/001" class="sidebar-heading clickable"><span>JS-异步I/O及异步编程</span> <span class="arrow right"></span></a> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/http/000" class="sidebar-heading clickable"><span>HTTP</span> <span class="arrow right"></span></a> <!----></section></li><li><section class="sidebar-group collapsable depth-0"><a href="/extend/002" class="sidebar-heading clickable"><span>拓展阅读</span> <span class="arrow right"></span></a> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="文章链接"><a href="#文章链接" class="header-anchor">#</a> 文章链接:</h1> <h2 id="html"><a href="#html" class="header-anchor">#</a> HTML</h2> <p><a href="/html/001.html">01 script标签中defer和async的区别</a></p> <p><a href="/html/002.html">02 meta标签属性有哪些？</a></p> <h2 id="css"><a href="#css" class="header-anchor">#</a> CSS</h2> <p><a href="/css/image.html">01.图片</a></p> <p><a href="/css/px.html">02.长度单位px、em、rem ...</a></p> <p><a href="/css/juzhong.html">03.水平垂直居中</a></p> <p><a href="/css/float.html">04.浮动布局的优点？有什么缺点？清除浮动有哪些方式</a></p> <p><a href="/css/bfc.html">05.什么是BFC？什么条件下会触发？应用场景有哪些？</a></p> <p><a href="/css/display.html">06.使用display:inline-block会产生什么问题？解决方法？</a></p> <p><a href="/css/007.html">07.div垂直居中，左右10px，高度始终为宽度一半</a></p> <p><a href="/css/008.html">08.CSS如何进行品字布局？</a></p> <p><a href="/css/009.html">09.CSS如何进行圣杯布局？</a></p> <h2 id="js-基础"><a href="#js-基础" class="header-anchor">#</a> JS-基础</h2> <p><a href="/js/001.html">01.全面梳理JS引擎的运行机制</a></p> <p><a href="/js/basic.html">02.JS数据类型之问——概念篇</a></p> <h2 id="js-v8引擎原理"><a href="#js-v8引擎原理" class="header-anchor">#</a> JS-V8引擎原理</h2> <p><a href="/js-v8/001.html">01.JavaScript内存机制之问——数据是如何存储的？</a></p> <p><a href="/js-v8/002.html">02.V8 引擎如何进行垃圾内存的回收？</a></p> <h2 id="js-异步i-o及异步编程"><a href="#js-异步i-o及异步编程" class="header-anchor">#</a> JS-异步I/O及异步编程</h2> <p><a href="/js-async/001.html">01.nodejs中的异步、非阻塞I/O是如何实现的？</a></p> <p><a href="/js-async/002.html">02.JS异步编程有哪些方案？为什么会出现这些方案？</a></p> <p><a href="/js-async/003.html">03.能不能简单实现一下 node 中回调函数的机制？</a></p> <p><a href="/js-async/004.html">04.Promise之问(一)——Promise 凭借什么消灭了回调地狱？</a></p> <p><a href="/js-async/005.html">05.Promise之问(一)——Promise之问(二)——为什么Promise要引入微任务？</a></p> <p><a href="/js-async/006.html">06.Promise之问(三)——Promise 如何实现链式调用？</a></p> <p><a href="/js-async/007.html">07.Promise之问(四)——实现Promise的 resolve、reject 和 finally</a></p> <p><a href="/js-async/008.html">08.Promise 之问(五)——实现Promise的 all 和 race</a></p> <p><a href="/js-async/009.html">09.谈谈你对生成器以及协程的理解。</a></p> <p><a href="/js-async/010.html">10.如何让 Generator 的异步代码按顺序执行完毕？</a></p> <p><a href="/js-async/011.html">11.解释一下async/await的运行机制。？</a></p> <p><a href="/js-async/012.html">12.forEach 中用 await 会产生什么问题?怎么解决这个问题？</a></p> <h2 id="http"><a href="#http" class="header-anchor">#</a> HTTP</h2> <p><a href="/http/001.html">01 HTTP 的特点？HTTP 的缺点</a></p> <p><a href="/http/002.html">02 说一说从输入URL到页面呈现发生了什么？——网络篇</a></p> <p><a href="/http/003.html">03 说一说从输入URL到页面呈现发生了什么？——解析算法篇</a></p> <p><a href="/http/004.html">04 说一说从输入URL到页面呈现发生了什么？——渲染过程篇</a></p> <p><a href="/http/005.html">05 谈谈你对重绘和回流的理解</a></p> <p><a href="/http/006.html">06 XSS攻击</a></p> <p><a href="/http/007.html">07 CSRF攻击</a></p> <p><a href="/http/008.html">08 (传统RSA版本)HTTPS为什么让数据传输更安全</a></p> <p><a href="/http/009.html">09 Https TLS 1.2  1.3</a></p> <p><a href="/http/010.html">10 Cookie</a></p> <p><a href="/http/011.html">11 什么是跨域？浏览器如何拦截响应？如何解决</a></p> <p><a href="/http/012.html">12 Http2</a></p> <p><a href="/http/013.html">13 Http缓存</a></p> <h2 id="拓展阅读"><a href="#拓展阅读" class="header-anchor">#</a> 拓展阅读</h2> <p><a href="/extend/002.html">01.实现一个简单的Webpack</a></p> <p><a href="/extend/001.html">02.Nginx</a></p> <p><a href="/extend/003.html">03.vue router源码</a></p> <p><a href="/extend/004.html">04.防抖、节流</a></p> <p><a href="/extend/005.html">05.图片懒加载</a></p></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div>
    <script src="/assets/js/app.e358a08d.js" defer></script><script src="/assets/js/2.88fa18d1.js" defer></script><script src="/assets/js/5.88b252c7.js" defer></script>
  </body>
</html>
